<template>
  <div>
   <div class="app-main-content-box tab-container">
      <el-tabs v-model="activeName">
        <el-tab-pane label="制作二维码" name="0" />
        <el-tab-pane label="平台码管理" name="1" />
      </el-tabs>
    </div>
    <div class="content-container">
        <createCode v-if="activeName == '0'"/>
        <platformCode v-if="activeName == '1'"/>
    </div>
  </div>
</template>

<script>
import createCode from './components/createCode'
import platformCode from './components/platformCode'
export default {
  components: {
      createCode,
      platformCode
  },
  data() {
      return {
          activeName:0
      }
  },
  mounted() {
  },
  
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
/* tab */
  .tab-container ::v-deep {
    padding: 24px 30px 0;
    border-radius: 5px;
    .el-tabs__header {
      margin-bottom: 0;
      background-color: #fff;
      border-radius: 0 0 5px 5px;
    }
    .el-tabs__nav-wrap::after {
      background-color: #fff;
    }
    .el-tabs__active-bar {
      height: 4px;
    }
  }
  .content-container {
    margin-top: 10px;
  }
</style>
